<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<c:set var="url" value="${pageContext.request.contextPath}/" />
<style>
	.beat a {
	    text-decoration: underline;
	}
</style>
<div class="box box-primary">
	<div class="box-header with-border">
		<h3 class="box-title" id="beatH3"></h3>
		<!-- /.box-tools -->
	</div>
	
  <!-- /.box-header -->
  <div class="box-body no-padding">
    <div class="table-responsive mailbox-messages">
      <table class="table table-bordered table-hover">
      	<thead>
      		<tr style="background-color: #f9f9f9;">
      		<th>工具</th>
      		<th>数量</th>
      		<th>状态</th>
      		<th>操作</th>
      		</tr>
      	</thead>
        <tbody class="beat" id="beatInfo">
<!--         <tr>
          <td><a href="javascript:;" onclick="toNode('filebeat')">filebeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-check-circle text-green"></i></td>
        </tr>
        <tr>
          <td><a href="javascript:;" onclick="toNode('topbeat')">topbeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-warning text-yellow"></i></td>
        </tr>
        <tr>
          <td><a href="javascript:;" onclick="toNode('tcpbeat')">tcpbeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-check-circle text-green"></i></td>
        </tr>
        <tr>
          <td><a href="javascript:;" onclick="toNode('ptdbbeat')">ptdbbeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-warning text-yellow"></i></td>
        </tr>
        <tr>
          <td><a href="javascript:;" onclick="toNode('ptSyslogBeat')">ptSyslogBeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-check-circle text-green"></i></td>
        </tr>
        <tr>
          <td><a href="javascript:;" onclick="toNode('flowBeat')">flowBeat</a></td>
          <td><b>3</b></td>
          <td><i class="fa fa-warning text-yellow"></i></td>
        </tr> -->
        </tbody>
      </table>
      <!-- /.table -->
    </div>
    <!-- /.mail-box-messages -->
  </div>
  <div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">可添加服务</h3>
    <!-- /.box-tools -->
  </div>
  <!-- /.box-header -->
  <div class="box-body no-padding">
    <div class="table-responsive mailbox-messages">
      <table class="table table-bordered table-hover">
      	<thead>
      		<tr style="background-color: #f9f9f9;">
      		<th>工具</th>
      		<th>数量</th>
      		<th>状态</th>
      		<th>操作</th>
      		</tr>
      	</thead>
        <tbody id="addServiceTbody">
        </tbody>
      </table>
      <!-- /.table -->
    </div>
    <!-- /.mail-box-messages -->
  </div>
  <!-- /.box-body -->
</div>

<script type="text/javascript">
	function toNode(beatName){
		linkByDom('local-list','${url }collect/'+beatName+"?ip="+$("#beatH3").html());
	}
</script>